$(function(){
    var isHiden = true; /*�����л��˵�*/
    $('#nav_button').click(function(){
        if(isHiden){
            $('#popView').animate({left:'+=18%'});//�˵��������ƶ�
            $('#popView1').animate({left:'+=17%'});//�˵��������ƶ�
            $('#nav_button').animate({left:'+=17%'});
            $('#nav_button i').attr("class","fa fa-angle-double-left fa-2x");

            document.getElementById("popView1").style.width="77%";
        }else{
            $('#popView').animate({left:'-=18%'}); //�˵��������ƶ�
            $('#popView1').animate({left:'-=17%'}); //�˵��������ƶ�
            $('#nav_button').animate({left:'-=17%'});
            $('#nav_button i').attr("class","fa fa-angle-double-right fa-2x");
            document.getElementById("popView1").style.width="93%";
        }
        isHiden = !isHiden;
    });
});